﻿@model Headlight.Domain.Entities.Driver
@{
    ViewBag.Title = "Policy";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section head
{
<link href="@Url.Content("~/Content/Styles/Driver.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/assets/js/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/assets/js/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/Driver.js")" type="text/javascript"></script>

<script src="@Url.Content("~/assets/js/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        $(".datepick").datepicker({
            changeMonth: true,
            changeYear: true
        });
    });
</script>
 
}

<div class="main">
	<div class="titlebar">Policy</div>
	<div class="clear"></div>

	
	@Html.Partial("_BreadCrumb")
	<div><h2>Add Another Driver to Insure</h2></div>
	<div id="section-drivers" class="section-container">
		<div class="titlebar-green">Drivers included in this quote</div>
		<div class="section-entry" id="driver-primary">You (Driver 1) &nbsp;&nbsp;&nbsp;@Session["DriverBirthDate"].ToString()</div>
	</div>
	<br />
	@using (Html.BeginForm("Driver", "Information", FormMethod.Post, new { @id = "add-driver" }))
	{
	<br />
	<div class="section-container" >
		<div class="titlebar">Please tell us about the additional driver information</div>
		@Html.HiddenFor(model => Model.QuoteID,new { @Value = @Session["QuotesId"].ToString()})
		<div class="section-entry">
			<div class="label">Your Name</div>
			<div>
				@Html.TextBoxFor(model => Model.FirstName)@Html.ValidationMessageFor(model => Model.FirstName)&nbsp;&nbsp;@Html.TextBoxFor(model => Model.LastName)@Html.ValidationMessageFor(model => Model.LastName)
			</div>
		</div>
		<div class="section-entry">
			<div class="label">Gender*</div>
			<div>
				@Html.DropDownListFor(model => Model.Gender, Headlight.Helpers.DataHelper.GenerateGender, new { @class = "select" }) @Html.ValidationMessageFor(model => Model.Gender)
			</div>
		</div>
		<div class="section-entry">
			<div class="label">Marital Status*</div>
			<div>
				@Html.DropDownListFor(model => Model.MaritalStatus, Headlight.Helpers.DataHelper.GenerateMaritalStatus, new { @class = "select" }) @Html.ValidationMessageFor(model => Model.MaritalStatus)
			</div>
		</div>
		<div class="section-entry">
			<div class="label" >Birthdate*</div><div>
				@Html.TextBoxFor(model => Model.BirthDate, new { @class = "datepick" }) @*@Html.ValidationMessageFor(model => Model.BirthDate)*@
			</div>
		</div>
		<div class="section-entry">
			<div class="label" >Relationship*</div>
			<div>
				@Html.DropDownListFor(model => Model.Relationship, Headlight.Helpers.DataHelper.GenerateRelationship, new { @class = "select" }) @Html.ValidationMessageFor(model => Model.Relationship)
			</div>
		</div>
		<div class="section-entry">
			<div class="label" >Current Residence*</div>
			<div>
				@Html.DropDownListFor(model => Model.CurrentResidence, Headlight.Helpers.DataHelper.GenerateCurrentResidence, new { @class = "select" }) @Html.ValidationMessageFor(model => Model.CurrentResidence)
			</div>
		</div>
		<div class="section-entry">
			<div class="label" >Education*</div>
			<div>
				@Html.DropDownListFor(model => Model.Education, Headlight.Helpers.DataHelper.GenerateEducation, new { @class = "select" }) @Html.ValidationMessageFor(model => Model.Education)
			</div>
		</div>
		<div class="section-entry">
			<div class="label" >Occupation*</div>
			<div>
				@Html.DropDownListFor(model => Model.Occupation, Headlight.Helpers.DataHelper.GenerateOccupation, new { @class = "select" }) @Html.ValidationMessageFor(model => Model.Occupation)
			</div>
		</div>
		
		<br />
	</div>
	<div style="margin-left:20px; margin-right:20px;" >
		<div>
			<div class="label">
				&nbsp;
				<div style="float:left;">
				<a href="#" style="text-decoration:none;" id="btnCancel" class="blueButton">Cancel</a>
				</div>
			</div>
			<div>
				<span>Do you have another driver to add?</span>
				<a href="#" style="text-decoration:none;" id="btnYes" class="blueButton">Yes</a>&nbsp;&nbsp;<a style="text-decoration:none;" id="btnNo" class="blueButton">No</a>
			</div>
		</div>
	</div>
	 
	}
	
</div>
